
.video_container {
    .ccc{
        width: 100%;
    }
	.video_share {
		width: 100%;
		height: .48rem;
		line-height: .48rem;
		border-bottom: .5px solid #ccc;
		display: flex;
		justify-content: space-around;

		a {
			font-size: 16px;
			color: #999;
		}
	}

	.video_title {
		padding: .2rem .12rem 0 .12rem;
		background: #f3f3f3;
		border-bottom: .5px solid #ccc;

		h3 {
			font-size: .16rem;
			line-height: .2rem;
			margin-bottom: .12rem;
			text-indent: .08rem;
		}

		.video_number {
			height: .25rem;
			line-height: .25rem;
			margin-bottom: .1rem;
			font-size: .14rem;
			position: relative;

			span:nth-child(2) {
				display: block;
				float: left;
				width: .7rem;
				margin-left: .25rem;

			}
			span:nth-child(4) {
				display: block;
				float: left;
				width: 1rem;
				margin-left: .2rem;

			}
			span:nth-child(5) {
				position: absolute;
				color: red;
				right: .2rem;
				transition: all .5s;
			}
			.iconfont {
				position: absolute;
			}
			.icon-shipin {
				font-size: .2rem;
			}
			.icon-mulu {
				font-size: .12rem;
			}
		}
		.video_info {
			height: .6rem;
			font-size: .12rem;
			color: #757575;
			line-height: .2rem;
			word-break: break-all;
			overflow: hidden;
			margin-bottom: 10px;
			transition: all .5s;

			.video_title_link {
				margin-top: .15rem;
				a {
					font-size: .13rem;
					color: #fb7299;
				}
				span {
					font-size: .13rem;
					color: #999;
				}
			}
		}
	}

	.video_attention {
		background: #f3f3f3;
		border-bottom: .5px solid #ccc;
		height: 1rem;
		
        
        >a{
            display: flex;
            
            >img{
            width: 0.5rem;
            height: 0.5rem;
            flex: 1;
            margin: 0.2rem;
            }
            
            >div {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: center;
                flex: 4;
                a {
                    font-size: .14rem;
                    line-height: .26rem;
                    display: block;
                    color: #000;
                }
                p {
                    font-size: .1rem;
                }
            }
            
            >a{
                flex: 1;
                
            }
        }
        
        
		
		.video_attention_button {
			display: block;
			width: .72rem;
			height: .3rem;
			border: 1px solid #fb7299;
			border-radius: .05rem;
			color: #fb7299;
			background: #fff;
			font-size: .14rem;
			line-height: .3rem;
			text-align: center;
			margin-right: .2rem;
			margin-top: .3rem;
		}
	}

	.video_tag {
		padding: .24rem 0 .09rem .12rem;
		background: #f3f3f3;
		overflow: hidden;
		border-bottom: .5px solid #ccc;
		h3 {
			font-size: .16rem;
			padding-bottom: .2rem;
		}
		a {
			font-size: .12rem;
			display: block;
			float: left;
			padding: .1rem .16rem;
			border: .5px solid #999;
			border-radius: .19rem;
			color: #000;
			background: #fff;
			margin-right: .1rem;
			margin-bottom: .12rem;
		}
	}

	.video_recommend {
		padding: .24rem .12rem .09rem .12rem;
		background: #f3f3f3;
		overflow: hidden;
		
		h3 {
			font-size: .16rem;
			padding-bottom: .2rem;
		}
		
		.video_recommend_link {
		    
			display: block;
			padding: .1rem 0 .1rem 1.3rem;

			position: relative;
			height: 1rem;
			
			.video_recommend_link_img {
				position: absolute;
				left: 0;
				width: 1.2rem;
				height: .73rem;
			}
			.video_recommend_link_title {
				font-size: .14rem;
				color: #212121;
				max-height: .36rem;
				line-height: .18rem;
				overflow: hidden;
				margin-bottom: .04rem;
			}
			.video_recommend_link_up {
				font-size: .12rem;
				color: #757575;
				margin-bottom: .07rem;
			}
			.video_recommend_link_play {
				div {
					float: left;
					font-size: .12rem;
					color: #757575;
				}
				div:nth-child(2) {
					margin-left: .6rem;
				}
			}
		}
	}
}
